﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery EasyUI Extensions - Menu - SubPage</title>

    <link href="../../jquery-easyui-themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../../jquery-easyui-themes/icon.css" rel="stylesheet" type="text/css" />

    <script src="../../jquery/jquery-1.11.2.js" type="text/javascript"></script>
    <script src="../../jquery-easyui-1.4.2/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../jquery-easyui-1.4.2/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>

    <script src="../../jquery-extensions/jquery.jdirk.js" type="text/javascript"></script>
    <script src="../../jeasyui-extensions/jeasyui.extensions.menu.js"></script>

    <script type="text/javascript">
        $(function () {
            $("#cc1").bind("contextmenu", function (e) {
                e.preventDefault();
                $.easyui.showMenu([
                    {
                        text: "item1", onclick: function (e, item, menu) {
                            alert(e.pageX);
                        }
                    },
                    { text: "item2", bold: true },
                    { text: "item3", bold: true, style: { color: "red" } }
                ]);
            });
        });
    </script>
</head>
<body>
    <div id="cc1" style="width: 200px; height: 140px; border: 1px solid black; margin: 20px;">cc1-subpage</div>
</body>
</html>
